<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jQuery和CSS3炫酷全屏3D旋转幻灯片特效|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<link rel='stylesheet prefetch' href='http://fonts.useso.com/css?family=Open+Sans'>
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="slider3d first">
	  <div class="slider3d__wrapper">
	    <div class="slider3d__inner">
	      <div class="slider3d__rotater">
	        <div class="slider3d__item">
	          <h2 class="slider3d__heading" data-text="SO HEADING">jQuery和CSS3炫酷全屏3D旋转幻灯片特效</h2>
	        </div>
	        <div class="slider3d__item">
	          <h2 class="slider3d__heading" data-text="MUCH ROTATION">MUCH ROTATION</h2>
	        </div>
	        <div class="slider3d__item">
	          <h2 class="slider3d__heading" data-text="VERY 3D">VERY 3D</h2>
	        </div>
	        <div class="slider3d__item">
	          <h2 class="slider3d__heading" data-text="SUCH JAVASCRIPT">SUCH JAVASCRIPT</h2>
	        </div>
	        <div class="slider3d__item">
	          <h2 class="slider3d__heading" data-text="WOW WOW!">WOW WOW!</h2>
	        </div>
	      </div>
	    </div>
	  </div>
	  <div class="slider3d__controls">
	    <div class="slider3d__handle">
	      <div class="slider3d__handle__inner">
	        <div class="slider3d__handle__rotater">
	          <div class="slider3d__handle__item active">Page 1</div>
	          <div class="slider3d__handle__item">Page 2</div>
	          <div class="slider3d__handle__item">Page 3</div>
	          <div class="slider3d__handle__item">Page 4</div>
	          <div class="slider3d__handle__item">Page 5</div>
	        </div>
	      </div>
	    </div>
	    <div class="slider3d__control m--up"></div>
	    <div class="slider3d__control m--down"></div>
	  </div>
	</div>
	
	<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/main.js"></script>
</body>
</html>